*{
    padding:0rem;
    margin: 0rem;
}
body{
    
    background: url(../assets/images/shuai.jpg) no-repeat -14rem 0rem/ auto 21.65rem
}
a{text-decoration: none;}
header{
   position:relative;
   width:10rem; /* 375/37.5 */
   height: 1.33rem /* 50/37.5 */;
   background:orange
}
header>a:nth-of-type(1)>img{
    width:4.95rem;
    height:.67rem ;/* 25/37.5 */
    margin-left:.8rem;
    margin-top: .4rem;
}
header>a:nth-of-type(2)>img{
    position:absolute;
  width:.91rem;
  height:.91rem;
    right:0.5rem;
    top:0.3rem;
}
body>h1{
    height:2rem;
    font:1.07rem/2rem "";
    color:orange;
    text-align: center;
    width:100%;
    margin-top: 1rem;
    margin-bottom: 1rem;;
}
form{
   position: relative;;
    margin-top:3.7rem;
    
}
form>input:nth-of-type(1){
    margin-bottom:.1rem;
    
}
form>input::-webkit-input-placeholder{
    color:#fff
}
form>div{
    position: absolute;
    left:3.4rem;
    top:.4rem;
    width:45%;
    height:.6rem;
    background: purple;
   z-index:-2
}
form>input{
    height:.6rem;
    background: none;
    color: #fff;
    width:45%;
    margin-left:3.5rem;
    margin-top:.4rem;
    border: 0;
    outline: 0;
   
}
form>h2{
    width:1.8rem;
    height:.8rem;
    position:absolute;
    left:4.3rem;
    top:3.3rem;
    opacity: 0;
}